﻿#dealer .wrapper {
    background: #005bab;
    color: #fff;
}

#dealer h1 {
    font-weight: 600;
    font-size: 40px;
    margin: 50px 0 0;
}

#dealer h2 {
    font-weight: 600;
    font-size: 28px;
    margin: 0;
}

#dealer p {
    font-weight: 400;
    font-size: 14px;
    margin: 10px 0 0;
}

#dealer .wrapper .map {
    background: url("../images/dealer-map.jpg") center center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    min-height: 147px;
}

    #dealer .wrapper .map table {
        width: 100%;
    }

        #dealer .wrapper .map table tr td {
            vertical-align: middle;
            text-align: center;
            height: 147px;
            width: 100%;
        }


            #dealer .wrapper .map table tr td .select {
                border: 1px solid #8aa88a;
                width: 310px;
                overflow: hidden;
                background: #fff url("../images/dealer-select-arrow.png") no-repeat right 50%;
                height: 31px;
                display: inline-block;
                color: #424242;
                font-size: 14px;
            }

                #dealer .wrapper .map table tr td .select select {
                    padding: 5px 8px;
                    width: 110%;
                    border: none;
                    box-shadow: none;
                    background: transparent;
                    background-image: none;
                    -webkit-appearance: none;
                }

                    #dealer .wrapper .map table tr td .select select:focus {
                        outline: none;
                    }

            #dealer .wrapper .map table tr td .btn {
                width: 310px;
                border-radius: 0;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                font-weight: 600;
                font-size: 18px;
                height: 31px;
                line-height: 18px;
                background: rgb(199,199,198);
                background: -moz-linear-gradient(top, rgba(199,199,198,1) 0%, rgba(228,227,227,1) 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,199,198,1)), color-stop(100%,rgba(228,227,227,1)));
                background: -webkit-linear-gradient(top, rgba(199,199,198,1) 0%,rgba(228,227,227,1) 100%);
                background: -o-linear-gradient(top, rgba(199,199,198,1) 0%,rgba(228,227,227,1) 100%);
                background: -ms-linear-gradient(top, rgba(199,199,198,1) 0%,rgba(228,227,227,1) 100%);
                background: linear-gradient(to bottom, rgba(199,199,198,1) 0%,rgba(228,227,227,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c6', endColorstr='#e4e3e3',GradientType=0 );
                margin-top: 5px;
                color: #000;
            }

#dealer #slideshow {
    position: relative;
    z-index: 1000;
    overflow: hidden;
}

    #dealer #slideshow .a {
        bottom: 100px;
        left: 100px;
    }

        #dealer #slideshow .a h1 a,
        #dealer #slideshow .a p a {
            color: #fff;
            text-shadow: 1px 1px 1px #000;
        }

        #dealer #slideshow .a h1 a {
            font: 600 64px 'maven';
        }

        #dealer #slideshow .a p a {
            font: 500 17px 'maven';
        }


@media (max-width: 767px) {
    #dealer {
        position: relative;
        overflow: hidden;
        text-align: center;
    }

        #dealer #slideshow .a h1 a {
            font: 600 24px "maven";
            text-align: left;
        }

        #dealer #slideshow .a {
            bottom: 10px !important;
            left: 10px !important;
            width: 100%;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #dealer {
        position: relative;
        overflow: hidden;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #dealer {
        position: relative;
        overflow: hidden;
    }

        #dealer h2 {
            font-size: 25px;
        }

        /*#dealer #slideshow .a {
            bottom: 10px !important;
            left: 10px !important;
        }*/

        #dealer #slideshow .a h1 a {
            /*font: 600 34px "maven";*/
        }
}

@media (min-width: 1200px) {
}
